<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- #BeginTemplate "/Templates/nav_footer.dwt" --><!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.jcarousel.setup.js"></script>
<style type="text/css">
body,td,th {
	font-family: sans-serif, "微軟正黑體";
}
</style>
</head>
<body id="top">
<!-- ####################################################################################################### -->
<div class="wrapper col1">
  <div id="header">
    <div id="logo">
      <h1><a href="#">玩童玩學物理</a></h1>
      <p>實體操作型態之悅趣化科學教育教學模組開發與推廣活動</p>
    </div>
    <div id="topnav">
      <ul>
        
			<li><a href="pd_abstract.html">計畫說明</a>
			  <ul>
			    <li><a href="pd_abstract.html">計畫摘要</a></li>
			    <li><a href="pd_goal.html">研究目的</a></li>
			    <li><a href="pd_plan.html">進度規劃</a></li>
			    </ul>
		  </li>
            <li><a href="dd_overview.html">裝置介紹</a>
            	<ul>
               	  <li><a href="#">裝置總覽</a></li>
                	<li><a href="#">陀螺裝置</a></li>
                	<li><a href="index.html">哈哈鏡裝置</a></li>
                	<li><a href="index.html">投石車裝置</a></li>
                	<li><a href="index.html">竹槍裝置</a></li>
                	<li><a href="index.html">竹蜻蜓裝置</a></li>
                	<li><a href="index.html">隱形斗篷裝置</a></li>
                	<li><a href="index.html">風箏裝置</a></li>
              </ul>
          </li>
            <li><a href="page.html">教材配合</a>
            	<ul>
                	<li><a href="#">使用時機</a></li>
                	<li><a href="#">教材總覽</a></li>
                	<li><a href="#">陀螺單元</a></li>
                	<li><a href="#">哈哈鏡單元</a></li>
                	<li><a href="#">投石車單元</a></li>
                	<li><a href="#">竹槍單元</a></li>
                	<li><a href="#">竹蜻蜓單元</a></li>
                	<li><a href="#">隱形斗篷單元</a></li>
                	<li><a href="#">風箏單元</a></li>
                </ul>
            </li>
            <li><a href="another_page.html">網站連結</a></li>
            <li><a href="another_page.html">製作單位</a></li>
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col2"><!-- #BeginEditable "col2" -->
  <div id="featured_slide">
    <div id="featured_content">
      <ul>
        <li><img src="images/demo/1.gif" alt="" />
          <div class="floater">
            <h2>About This Template !</h2>
            <p>This is a W3C standards compliant free website template from <a href="http://www.os-templates.com/">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
          </div>
        </li>
        <li><img src="images/demo/2.gif" alt="" />
          <div class="floater">
            <h2>Cursus penati saccum ut curabitur nulla.</h2>
            <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
          </div>
        </li>
        <li><img src="images/demo/3.gif" alt="" />
          <div class="floater">
            <h2>Cursus penati saccum ut curabitur nulla.</h2>
            <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
          </div>
        </li>
      </ul>
    </div>
    <a href="javascript:void(0);" id="featured-item-prev"><img src="images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="images/next.png" alt="" /></a></div>
<!-- #EndEditable --></div>
<!-- ####################################################################################################### -->
<div class="wrapper col3"><!-- #BeginEditable "col3" -->
  <div id="container">
    <div class="homepage">
      <ul>
        <li>
          <h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </li>
        <li>
          <h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </li>
        <li class="last">
          <h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
        </li>
      </ul>
      <br class="clear" />
    </div>
  </div>
<!-- #EndEditable --></div>
<!-- ####################################################################################################### -->
<div class="wrapper col4">
  <div id="footer">
    <div class="box1, clear" >
      <p>指導單位：<a href="http://web1.nsc.gov.tw/" target="_blank">行政院國家科學委員會</a></p>
      <p>執行單位：<a href="http://dtd.ntue.edu.tw/" target="_blank">國立臺北教育大學 數位科技設計學系(含玩具與遊戲設計碩士班)</a></p>
	</div>
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col5">
  <div id="copyright">
    <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">國立臺北教育大學 數位科技設計學系</a></p>
    <p class="fl_right"><a href="http://www.os-templates.com/" title="Free Website Templates">玩具遊戲實驗室</a> 製作</p>
    <br class="clear" />
  </div>
</div>
</body>
<!-- #EndTemplate --></html>